<!doctype html>
<html lang="en">

	<head>
		<meta charset="utf-8" />
		<title>日志记录信息管理</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />

		<!-- App favicon -->
		<link rel="shortcut icon" href="assets/images/favicon.ico">

		<!-- App css -->
		<link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
		<link href="assets/css/icons.css" rel="stylesheet" type="text/css" />
		<link href="assets/css/metismenu.min.css" rel="stylesheet" type="text/css" />
		<link href="assets/css/style.css" rel="stylesheet" type="text/css" />
		<link rel="stylesheet" type="text/css" href="assets/css/custom.css" />
		<!-- layer插件 -->
		<link rel="stylesheet" type="text/css" href="plugins/layer2.4/skin/layer.css" />

		<!-- bootstrap-select -->
		<link rel="stylesheet" type="text/css" href="plugins/bootstrap-select/css/bootstrap-select.min.css" />

		<script src="assets/js/modernizr.min.js"></script>

	</head>

	<body>

		<!-- Begin page -->
		<div id="wrapper">

			<!-- ============================================================== -->
			<!-- 页面内容开始 -->
			<!-- ============================================================== -->

			<!-- Start Page content -->
			<div class="my-content">
				<div class="container-fluid">
					<div class="row">
						<div class="col-md-12">
							<div class="card-box">
								<h4 class="m-t-0 m-b-30 header-title">日志记录信息列表</h4>

								<form class="form-horizontal" role="form">
									<div class="form-group row">
										<label for="userId" class="col-3 col-form-label">操作人账户</label>
										<div class="col-9">
											<input type="text" class="form-control" id="userId" name="userId" placeholder="操作人账户">
										</div>
									</div>
									<div class="form-group row">
										<label for="clientIp" class="col-3 col-form-label">客户端Ip</label>
										<div class="col-9">
											<input type="text" class="form-control" id="clientIp" name="clientIp" placeholder="客户端Ip">
										</div>
									</div>
									<div class="form-group row">
										<label for="userName" class="col-3 col-form-label">操作人姓名</label>
										<div class="col-9">
											<input type="text" class="form-control" id="userName" name="userName" placeholder="操作人姓名">
										</div>
									</div>
									<div class="form-group row">
										<label for="operUrl" class="col-3 col-form-label">操作人url</label>
										<div class="col-9">
											<input type="text" class="form-control" id="operUrl" name="operUrl" placeholder="操作人url">
										</div>
									</div>
									<div class="form-group row">
										<label for="operEvent" class="col-3 col-form-label">操作事件</label>
										<div class="col-9">
											<input type="text" class="form-control" id="operEvent" name="operEvent" placeholder="操作事件">
										</div>
									</div>
									<div class="form-group row">
										<label for="operType" class="col-3 col-form-label">日志类型</label>
										<div class="col-9">
											<input type="text" class="form-control" id="operType" name="operType" placeholder="日志类型">
										</div>
                                    </div>
                                    <div class="form-group row">
										<label for="details" class="col-3 col-form-label">访问细节</label>
										<div class="col-9">
											<input type="text" class="form-control" id="details" name="details" placeholder="访问细节">
										</div>
                                    </div>
                                    <div class="form-group row">
										<label for="reqType" class="col-3 col-form-label">请求方式</label>
										<div class="col-9">
											<input type="text" class="form-control" id="reqType" name="reqType" placeholder="请求方式">
										</div>
                                    </div>
                                    <div class="form-group row">
										<label for="operTime" class="col-3 col-form-label">操作时间</label>
										<div class="col-9">
											<input type="text" class="form-control" id="operTime" name="operTime" placeholder="操作时间">
										</div>
                                    </div>
									<div class="form-group mb-0 justify-content-end row">
										<div class="col-9">
											<button type="submit" class="btn btn-primary waves-effect">提交</button>
											<button type="button" onclick="layer_close()" class="btn btn-danger waves-effect">关闭</button>
										</div>
									</div>
								</form>
							</div>
						</div>
					</div>

				</div>
				<!-- container -->

			</div>

			<!-- ============================================================== -->
			<!-- End Right content here -->
			<!-- ============================================================== -->

		</div>
		<!-- END wrapper -->

		<!-- jQuery  -->
		<script src="assets/js/jquery.min.js"></script>
		<script src="assets/js/bootstrap.bundle.min.js"></script>
		<script src="assets/js/metisMenu.min.js"></script>
		<script src="assets/js/waves.js"></script>
		<script src="assets/js/jquery.slimscroll.js"></script>

		<!-- App js -->
		<script src="assets/js/custom.js" type="text/javascript" charset="utf-8"></script>
		<script src="assets/js/jquery.core.js"></script>
		<script src="assets/js/jquery.app.js"></script>
		<script src="assets/js/custom.js" type="text/javascript" charset="utf-8"></script>

		<!-- 表单验证 -->
		<script src="plugins/jquery.form.js/jquery.form.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="plugins/jquery.validation.1.14.0/jquery.validate.js" type="text/javascript" charset="utf-8"></script>
		<script src="plugins/jquery.validation.1.14.0/validate-methods.js" type="text/javascript" charset="utf-8"></script>
		<script src="plugins/jquery.validation.1.14.0/messages_zh.js" type="text/javascript" charset="utf-8"></script>
		<!-- bootstrap-select -->
		<script src="plugins/bootstrap-select/js/bootstrap-select.js" type="text/javascript" charset="utf-8"></script>

		<!-- layer插件 -->
		<script src="plugins/layer2.4/layer.js" type="text/javascript" charset="utf-8"></script>

		<!-- datatables插件 -->
		<script type="text/javascript">
			$(function() {
			
				//表单验证
				$("form").validate({
					rules: {
						userId: {
							required: true,
						},
						clientIp: {
							required: true,
						},
						userName: {
							required: true,
						},
						operUrl: {
							required: true,
                        },
                        operEvent: {
							required: true,
                        },
                        operType: {
							required: true,
                        },
                        details: {
							required: true,
                        },
                        reqType: {
							required: true,
                        },
                        operTime: {
							required: true,
                        }
					},
					onkeyup: false,
					focusCleanup: true,
					success: "valid",
					submitHandler: function(form) {
						var userid = getCookie("userid");
						var index = parent.layer.getFrameIndex(window.name);
						$(form).ajaxSubmit({
							type: "GET",
							url: "xxxx",
							success: function(data) {
								parent.layer.msg('添加成功!', {
									icon: 1,
									time: 1000
								});
								setTimeout(function() {
									parent.$(".btn-refresh").click();
									parent.layer.close(index);
								}, 1000);

							},
							error: function(XMLHttpRequest, textStatus, errorThrown) {
								networkError(XMLHttpRequest, textStatus, errorThrown)
							}
						});
					}
				});
			});
		</script>

	</body>

</html>